<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>支付宝 - 网上支付 安全快速！支付宝 - 网上支付 安全快速！</title>
<meta name="description" content="中国最大的第三方电子支付服务提供商">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
<link rel="shortcut icon"
	href="https://img.alipay.com/common/favicon/favicon.ico"
	type="image/x-icon">
<link charset="utf-8" rel="stylesheet"
	href="<c:url value="/styles/cashier.css"/>" media="all">
<link charset="utf-8" rel="stylesheet"
	href="<c:url value="/scripts/plugins/jquery/colorbox/colorbox.css"/>">
<script type="text/javascript"
	src="<c:url value="/scripts/pubs/jquery/jquery-1.7.2.min.js"/>"></script>
<script type="text/javascript"
	src="<c:url value="/scripts/plugins/jquery/colorbox/jquery.colorbox-min.js"/>"></script>
<script type="text/javascript">
$(document).ready(function(){
	$("#chooseBank").bind('click', function() {
		$.colorbox({opacity:0.3,iframe:true,width:'70%', height:'90%',overlayClose:false,href:'<c:url value="/pages/chooseDebitExpress.jsp"/>',fixed:true});
	});
	
	function radioCheck(){
		$("label[for]").each(function(){
			$(this).removeClass("current");
		});
		
		$(":radio[name=channelToken]:checked").each(function(){
			var id = $(this).attr('id');
			$("label[for="+id+"]").each(function(){
				$(this).addClass("current");
			})
		});
	}
	
	radioCheck();
	
	$(":radio[name=channelToken]").each(function(){
		$(this).click(function(){
			radioCheck();
		});
	});
});
</script>
</head>
<style>
#J-mix-check {
	vertical-align: middle;
}

.cashier-nav {
	margin-top: 0px;
}
</style>

<style type="text/css">
.ICBC,.KuaiIconY {
	text-indent: -9999px;
	background-image:
		url("https://i.alipayobjects.com/combo.png?d=cashier&t=ICBC,KuaiIconY&stamp=1335110400000");
}

.ICBC {
	background-position: 0px -0px;
}

.KuaiIconY {
	background-position: 0px -36px;
}
</style>
</head>

<body>
	<div id="container">
		<div id="header" class="sl-col-cnt">
			<h1 class="fn-left logo">
				<span class="cashier-logo"> 支付宝收银台 </span>
			</h1>
			<ul class="fn-right quick-links">
				<li>您好，方向前 （ 支付宝账户：tqgroup@hotmail.com</li>
				<li>
					<div class="member member-gold">
						<span class="fn-hide"> 金账户 </span>
					</div>
				</li>
				<li>）</li>
				<li><a href="#faq" class="fn-ml-10" id="J-faq-trigger">
						付款遇到问题？ </a></li>
			</ul>
		</div>
		<div id="nav" class="cashier-nav fn-clear"></div>
		<div id="content">
			<div id="orderContainer" class="cashier-box-order">
				<table id="order" class="order" width="100%">
					<tbody>
						<tr class="order-bow">
							<td><strong> 电费 </strong> <a href="#orderList"
								class="ui-apop-trigger"> 详单 </a></td>
							<td>收款方： 上海市电力公司（户号...</td>
							<td style="text-align: right;"><strong
								class="ft-orange ch-petty-sum" id="pay-all"> 41.30 </strong> 元</td>
						</tr>
					</tbody>
				</table>
			</div>
			<div class="ajax-Account">
				<div class="ui-tab-cnt cashier-box-min" id="J-tabcnt-accountDetail">
					<div class="ui-tab-cnt-item current">
						<div class="ui-form cashier-pay-info">
							<div class="ui-fm-item">
								<label class="ui-fm-label ui-fm-label-reset"> 您的支付宝账户： </label>
								<span class="ui-fm-text"> <em> tqgroup@hotmail.com </em>
								</span>
							</div>
							<div class="ui-fm-item">
								<label class="ui-fm-label ui-fm-label-reset"> 可支付余额： </label>
								<p class="ui-fm-text">
									<em id="record-all" class="ft-green"> 10.00 </em> 元
								</p>
							</div>
						</div>
						<div class="ui-form">
							<div class="ui-tab-cnt ui-fm-item" id="J-composite-balance">
								<div id="J-composite-balance-PDEbank"
									class="ui-tab-cnt-item  current">
									<input id="J-mix-check" name="check" type="checkbox"> <label
										for="J-mix-check"> 用支付宝余额付款 <strong class="ft-orange"
										id="pay-record"> 10.00 </strong> 元。剩余 <strong id="pay-total">
											31.30 </strong> 元可选择其他付款方式付款。
									</label>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="ui-tab ui-boxes channel-tab" id="channel">
					<div class="ui-tab-trigger">
						<h3 class="tab-title">您可以使用其他方式付款：</h3>
						<ul class="fn-clear ui-tab-trigger-mf">
							<li class="current"><a
								href="https://cashier.alipay.com/standard/payment/cashier.htm?tab=PDEbank&amp;orderId=05179122d8d0bfea8d20c50010138565&amp;bizIdentity=ebpp10003&amp;outBizNo=201205179904974">
									储蓄卡 </a></li>
						</ul>
					</div>
					<div class="cashier-box ui-tab-cnt" id="J-chooseBankList-cashier">
						<div id="J-PDEbank" class="ui-tab-cnt-item current j-rtab">
							<h4>选择您的付款方式</h4>
							<div id="bankRecord" class="ui-form fn-mt-0">
								<form name="bankCardForm" id="bankCardForm"
									action="/standard/payment/bankCardForm.htm" method="post">
									<input name="isCompositeWithBalance" value="N" type="hidden">
									<input id="orderId" name="orderId"
										value="05179122d8d0bfea8d20c50010138565" type="hidden">
									<div class="ajax-PDEbank">
										<div class="kj-area fn-mb-30">
											<h5 class="icon-box icon-box-kIcon">
												<span class="icon KuaiIconY"> 快捷支付（含卡通） </span> <span
													class="icon-box-kIcon-explain"> ：免开通，有卡就能付！ </span>
											</h5>
											<div id="J-chooseBankList" class="long-logo">
												<ul class="ui-list-icons ui-four-icons fn-mt-20 fn-clear">
													<li class="cashier-bank-kj "><input checked="checked"
														name="channelToken" id="J-debit_express-icbc906-1-saved"
														value="cAUTLJC6+WDsX+jVevuxnLE30WlGR78cTRVIJ8K95W0gw1P6c+Dw9tOdAfmknCxqydr6/gfoePnJo+8fs8f/kX5D2Gr0/5RFH6n+Ze4YFpNDecZcglG8Qs1HKrnOvU8cflsD4xInsOtuz8xyHAuzx2wqi4TdiYOn2taEwlyQfLk5Jx/SIaFelDE3AVp1oLyeazIUgkIrHbf9baN5zWKxC4qr9d1n/ot1YSmAMIF+k2e26Uj4AvfqHUA63BbkihIxwFv4S0QUUwBUAr19TZE79ZX/vN6mb/cdH62IiRj/V4EoUzs7AKLnMv3vBcusevOSkSEvYkEt+D/YM5gVoBnu5dwHEOqqvg0RTl6bqw0HHMdFmFhEvUpD/I9NWvkAaThaIvMFl6KOaQsO/Ce+hWb8/55hkvgPDrSKERg4mO3eQGOV7LZTSiCrXBk5EpdiOawiFWbCuFiXYQyEWzfXfwAqn/D2ScQeQSqyuLziFFgIt5BqeLSwilwe6O3T9vagyteCH19dlJ71CTzTZeg3XIP05+7QI2x4TjHbVYh1WVYwURgbUF+UoiM5dqwmbF2s8fj1uHRFx93ViKtoN7RI0QBYbj6TJzcbo8BU0Dt64ana9TfoUKlS/EsOS6EjSruoRRcWz3W1j9GaxzWAlxElpqPu7GRQPuIVQVIMiWlEgJQU4I29+QrmC4HJea2Bm84xBsnTVsM2VaOnVUlsLlrwgkZsxyMJoyIWqAL5UQh+DiKOXcNT2Bx0GAY211xbw93bC+fB8Nx+/1BCeMtpbiKp9wEPXGmssBkg9i/myg73GJOk7GG4FC6Z0OdFZcjtIgV/DFHNYIed3/tMd9oY1iLvhtXLmyEBK53etJ9ZpehQ8AWTVxxsQU+XkE4mNZuhGT3c"
														type="radio"> <label
														class="icon-box limited-coupon current"
														for="J-debit_express-icbc906-1-saved"> <span
															class="action-rt"> </span> <span class="icon ICBC"
															title="中国工商银行"> 中国工商银行 </span> <span
															class="fn-left icon-cardNo"> **8530 </span>
													</label></li>
													<li class="more"><a class="j-xbox fn-mt-10"
														href="https://cashier.alipay.com/standard/payment/chooseDebitExpress.htm?orderId=05179122d8d0bfea8d20c50010138565">
															选择其他 </a> <b> </b></li>
												</ul>
											</div>
										</div>
									</div>
									<div class="ajax-PDEbank">
										<div class="fn-pl-10">
											<h5>网上银行：</h5>
											<div class="cashier-bank long-logo ">
												<ul class="ui-list-icons ui-four-icons fn-mt-20 fn-clear">
													<li class="cashier-bank "><input name="channelToken"
														id="J-b2c_ebank-icbc105-1"
														value="cAUTLJi9n+u4JG9qyL6dVJXFIZc2Zmlsai0bIBXA+iex1Ly5irlPk38jjEQpPYeu04A6zHjoMTME5/8GBEaGzF4G+P7xstYHkky8BeSnus16eLNq6CbwCSU3sRRR71cmVV7i1Au1eOKe1POobq6iUV77SL3zyrgv/DcpTW/ZX4NGtS7fGQJ4Q9oL/XpAQh4tsMLBhf7Pa7z7OBiF7A+I6BtIIn6df1TbrYT4hkAsMZhx3PnkTxKZ6LKuQoKW+XG7dIt6UsGCCJpvItQ26c+4KMhtX1rE6g0gJr9TxoFwq8x0hcraK4BTegTDk/q24w3DJ6wUqMgkb0y1ad3RmNZ7EjTsL8KN6Cv5iGzNLfQAn+E29cqJiob0DDiG7t5MWg8chPaYLQkuYTh5AcYn3TesQjrDMqFg3an3nmfrfdAVXp+UmGJZICW9K5O2/vTF9UCo4QzywTnoIgJg1h8eAtz9T+ooRMoaDGbRo5aaGjmIuvA="
														type="radio"> <label
														class="icon-box limited-coupon"
														for="J-b2c_ebank-icbc105-1"> <span
															class="action-rt"> </span> <span class="icon ICBC"
															title="中国工商银行"> 中国工商银行 </span>
													</label></li>

													<li class="more"><a id="chooseBank" class="j-xbox"
														href="#"> 选择其他 <b> </b>
													</a></li>
												</ul>
											</div>
										</div>
									</div>
									<div class="ui-fm-item  long-logo-btn">
										<span class="ui-btn ui-btn-ok"> <input tabindex="0"
											id="bankCardBtn" class="ui-btn-text" value="下一步"
											type="submit">
										</span>
									</div>
								</form>
							</div>
						</div>

					</div>
				</div>
				<!---->
				<div id="footer">
					<!-- CMS:Footer开始:cashier/common/footer.vm -->
					<p>
						支付宝版权所有 2004-2012 ICP证：浙B2-20100257 <span id="ServerNum">
							cashier-10-47 </span>
					</p>
					<!-- CMS:Footer结束:cashier/common/footer.vm -->
				</div>
			</div>

		</div>
	</div>
</body>
</html>